<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<!-- 
    获取宽高
        方式一：使用css()
            使用css()可以获取宽高，但是获取的宽高是带单位的宽高
            例子：
                $('#one').css('height');    //100px
        方式二：width()     height()
            使用width()和height()获取宽高，这个宽高不包括单位，但是也不包括padding/border/margin
            例子：
                $('#one').width();      //100
                $('#one').height();     //100
        方式三：innerWidth()    innerHeight()
            使用innerWidth()和innerHeight()来获取宽高，这个宽高包括padding
            例子：
                $('#one').innerWidth();     //120
                $('#one').innerHeight();    //120
        方式四：outerWidth()    outerHeight()
            使用outerWidth()和outerHeight()来获取宽高，这个宽高包括padding和border
            例子：
                $('#one').outerWidth();     //140
                $('#one').outerHeight();    //140
        方式五：outerWidth(true)    outerHeight(true)
            使用outerWidth(true)和outerHeight(true)来获取宽高，这个宽高包括padding和border和margin
            例子：
                $('#one').outerWidth(true);     //160
                $('#one').outerHeight(true);    //160
        方式六：$(window).width()   $(window).width()
            使用$(window).width()和$(window).width()来获取宽高的话，这个宽高获取的是window界面当前的可视宽高
            
 -->